<template>
  <view class="moreInfoBox">
    <view class="infoItem df">
        <view class="title">未来短时内无降水</view>
        <view class="temperatureBox">

        </view>
    </view>
    <view class="infoItem df"></view>
    <view class="infoItem df"></view>
    <view class="infoItem df"></view>
  </view>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.moreInfoBox {
  .infoItem {
    background-color: white;
    border-radius: 40rpx;
    padding: 30rpx;
    width: 100%;
    box-sizing: border-box;
    .title{
        color: #ccc;
        font-size: 30rpx;
    }
    .temperatureBox{
        display: flex;
    }
  }
}
</style>
